<template>
  <div style="width: 50%">
    <el-descriptions column="2" title="Width horizontal list" border>
    <el-descriptions-item
        :rowspan="2"
        :width="140"
        label="Photo"
        align="center"
    >
      <el-image
          style="width: 100px; height: 100px"
          src="https://img1.baidu.com/it/u=1448634477,43834514&fm=253&fmt=auto&app=138&f=JPEG?w=518&h=500"
      />
    </el-descriptions-item>
    <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
    <el-descriptions-item label="Username">fff</el-descriptions-item>
    <el-descriptions-item label="Username">yyyy</el-descriptions-item>
    <el-descriptions-item label="Username">dddd</el-descriptions-item>
    <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
    <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
    <el-descriptions-item label="Remarks">
      <el-tag size="small">School</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="Address">
      No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
    </el-descriptions-item>
  </el-descriptions>

    <el-descriptions
        title="Width vertical list"
        direction="vertical"
        border
        style="margin-top: 20px"
    >
      <el-descriptions-item
          :rowspan="2"
          :width="140"
          label="Photo"
          align="center"
      >
        <el-image
            style="width: 100px; height: 100px"
            src="https://img1.baidu.com/it/u=1448634477,43834514&fm=253&fmt=auto&app=138&f=JPEG?w=518&h=500"
        />
      </el-descriptions-item>
      <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
      <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
      <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
      <el-descriptions-item label="Remarks">
        <el-tag size="small">School</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="Address">
        No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
      </el-descriptions-item>
    </el-descriptions></div>

</template>

<script setup>
import {reactive, ref} from "vue";

const form = reactive()


</script>

<style scoped>
.updateinfo {
  height: 350px;
  overflow: auto;
}
.left {
  /* width: 330px; */
  float: left;
}
.right {
  overflow: hidden;
}
</style>
